<template>
    <div class="shezhi">
          <!-- 头部部分 -->
            <van-nav-bar class="header">
                <i slot="left" class="iconfont iconzuojiantou" @click="$router.go(-1)"></i>
                <p slot="title" class="title">设置</p>
                <i slot="right" class="iconfont iconshezhi"></i>
            </van-nav-bar>
            <div class="main">
                <van-image                             
                         :src="require('@/assets/气氛装饰2.png')"                                              
                          fit="cover" 
                          class="image"                                                                          
                 />
                 <p class="txt">暂无任何内容~</p>
            </div>        
    </div>
</template>
<style lang="less">
.shezhi{
    // 头部下划线
    .van-hairline--bottom::after{
        border: none;
    }
     .header{        
        .iconzuojiantou{
                font-size: 40px;
                color: #535353;
                padding-left: 20px;
        }
        .title{
            font-size: 32px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #484747;
        }
        .iconshezhi{
            font-size: 40px;
            color: #535353;
            padding-right: 20px;
        }
    }
    .main{
        .image{
            width: 454px;
            height: 100%;
            display: block;
            margin: 54px auto 155px;
        }
        .txt{
            font-size: 32px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #3f3f3f;
        }
    }
}
</style>
